<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<title>中国站长天空-网页特效-导航菜单-点击展开/收缩的下拉菜单</title>
<style type="text/css">
 .MenuLevel1{
 position:relative;
 font-size:12px ;
 color:#333333 ;
 height:24px ;
 line-height:24px;
 cursor:hand ;
 padding-left:12px;
 background:#efefef;
 border-top:1px #f7f7f7 solid;
 border-bottom:1px #ccc solid;
}
.MenuLevel1 span{
 position : absolute ;
 right:2px;
 top:3px;
}
.MenuLevel2{
 font-size:12px ;
 color:#333333 ;
 background-color:#f7f7f7 ;
 height:18px ;
 padding-top:3px ;
 padding-left:18px;
 border-bottom:1px #efefef solid;
}
.MenuLevel3{
 position:relative;
 font-size:12px ;
 color:#333333 ;
 background-color:#f7f7f7 ;
 height:20px ;
 padding-top:3px ;
 padding-left:18px;
 border-top:1px #ffffff solid;
 border-bottom:1px #efefef solid;
}
.MenuLevel3 span{
 position : absolute ;
 right:2px;
 top:3px;
}
.MenuLevel4{
 display:block;
 font-size:12px ;
 color:#333333 ; 
 background-color:#fff;
 height:20px ;
 line-height:20px ;
 padding:3px 0 0 18px;
 border-bottom:1px #efefef solid;
}
a.MenuLevel4 {
 text-decoration:none;
}
a.MenuLevel4:hover {
 color:#fff;
 background:#AFC81C;
 text-decoration:none;
}
.MenuLevel8888{
 font-size:12px ;
 color:#5277A9 ;
 background-color:#E0E0DA ;
 height:18px ;
 padding-top:3px ;
 padding-left:18px;
}
.SubMenuLayer{
 display:inline ;
 cursor:hand ;
}
.SubMenuLayerHidden{
 display:none ;
 cursor:hand ;
}
.oprName{
 position : absolute ;
 left : 0 ;
 top : 1000px ; 
 width : 109 ; 
 z-index : 10 ;
 line-height : 20px ; 
 font-size : 12px ;
 background-color : #887868 ;
 color : #ffffff ;
 border : none ;
 text-align : left ;
 display:inline;
}
.oprName_hidden{
 position : absolute ;
 left : 0 ;
 top : 1000px ; 
 width : 109 ; 
 z-index : 10 ;
 line-height : 20px ; 
 font-size : 12px ;
 background-color : #887868 ;
 color : #ffffff ;
 border : none ;
 text-align : left ;
 display:none;
}
.oprName1{
 position : absolute ;
 right : 0 ;
 bottom : 1000px ; 
 width : 12 ; 
 z-index : 10 ;
 line-height : 12px ; 
 font-size : 12px ;
 background-color : #887868 ;
 color : #ffffff ;
 border : none ;
 text-align:center;
 padding-top:6px;
 display:inline;
}
.oprName1_hidden{
 position : absolute ;
 right : 0 ;
 bottom : 1000px ; 
 width : 12 ; 
 z-index : 10 ;
 line-height : 12px ; 
 font-size : 12px ;
 background-color : #887868 ;
 color : #ffffff ;
 border : none ;
 text-align:center;
 padding-top:6px;
 display:none;
}

</style>
</head>
<body>
<!--把下面代码加到<body>与</body>之间-->
<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr valign="top">
<td id="Menu" style="display:inline;" width="100%">
	<div onclick="javascript:spreadMenu(1)" class="MenuLevel1">
		源码下载 
		<span id="ArrowLayer1Down" style="display:inline;">
			<img src="http://www.zzsky.cn/effect/images/200809010820_plus.gif" border="0"/>
		</span>
		<span id="ArrowLayer1Right" style="display:none;">
			<img src="http://www.zzsky.cn/effect/images/200809010820_minus.gif" border="0"/>
		</span>
	</div>
	<div id="SubMenu1" class="SubMenuLayerHidden" style="overflow-y:block;">
	
		 <div onclick="javascript:spreadSubMenu(1)" class="MenuLevel3">
			 ASP源码
			 <span id="ArrowSubLayer1Down" style="display:inline;">
			 	<img src="http://www.zzsky.cn/effect/images/200809010820_plus.gif" border="0"/>
			 </span><span id="ArrowSubLayer1Right" style="display:none;">
			 	<img src="http://www.zzsky.cn/effect/images/200809010820_minus.gif" border="0"/>
			 </span>
		 </div>
	 
		<div id="SubSubMenu1" class="SubMenuLayerHidden">
		<a class="MenuLevel4" href="sp.asp?id=64" target="main">新闻文章CMS</a>
		</div>
	</div>

	
	
<script type="text/javascript">
<!--
var RightMenuUID = "";
function spreadMenu(n){
 var szSubMenuClassName1 = document.getElementById('SubMenu1').className ;
 document.getElementById('SubMenu1').className = 'SubMenuLayerHidden' ;
 document.getElementById('ArrowLayer1Down').style.display = '' ;
 document.getElementById('ArrowLayer1Right').style.display = 'none' ;
 switch (n){
  case 1 :
   if (szSubMenuClassName1 == 'SubMenuLayerHidden'){
    document.getElementById('SubMenu1').className = 'SubMenuLayer' ;
    document.getElementById('ArrowLayer1Down').style.display = 'none' ;
    document.getElementById('ArrowLayer1Right').style.display = '' ;
   }
   else{
    document.getElementById('SubMenu1').className = 'SubMenuLayerHidden' ;
    document.getElementById('ArrowLayer1Down').style.display = '' ;
    document.getElementById('ArrowLayer1Right').style.display = 'none' ;
   }
   break ; 
 }
 if (document.getElementById('SubMenu1').scrollHeight > 440  &&  screen.availHeight <= 600){
  document.getElementById('SubMenu1').style.height = 440;
  document.getElementById('SubMenu1').style.overflowY = 'scroll';
 }
}
function spreadSubMenu(k){
 var szSubMenuClassName1 = document.getElementById('SubSubMenu1').className ;
 document.getElementById('SubSubMenu1').className = 'SubMenuLayerHidden' ;
 document.getElementById('ArrowSubLayer1Down').style.display = '' ;
 document.getElementById('ArrowSubLayer1Right').style.display = 'none' ; 
 switch (k){
  case 1 :
   if (szSubMenuClassName1 == 'SubMenuLayerHidden'){
    document.getElementById('SubSubMenu1').className = 'SubMenuLayer' ;
    document.getElementById('ArrowSubLayer1Down').style.display = 'none' ;
    document.getElementById('ArrowSubLayer1Right').style.display = '' ;
   }
   else{
    document.getElementById('SubSubMenu1').className = 'SubMenuLayerHidden' ;
    document.getElementById('ArrowSubLayer1Down').style.display = '' ;
    document.getElementById('ArrowSubLayer1Right').style.display = 'none' ;
   }
   break ;
 }
 if (SubSubMenu1.scrollHeight > 440  &&  screen.availHeight <= 600){
  SubSubMenu1.style.height = 440;
  SubSubMenu1.style.overflowY = 'scroll';
 }
}

function openMenu(id) {
	var subMenuClassName = document.getElementById(id);

}
//-->
</script>
</td>
</tr>
</table>
</body>
</html> 